body {
    background-color: rgba(244,245,250,1);
}
.color1 {
    color: rgba(29,60,67,1);
}
.color2 {
    color: rgba(233,81,81,1);
}
header {
    padding-bottom: 0.32rem;
    background-color: #ffffff;
}
header .head-top {
    text-align: center;
    line-height: 0.88rem;
    position: relative;
    margin-bottom: 0.32rem;
}
header h1 {
    font-size: 0.36rem;
}
header a {
    font-size: 0.28rem;
    position: absolute;
    right: 0.32rem;
    bottom: 0;
}
header form {
    width: 100%;
    padding: 0 0.32rem;
    position: relative;
}
header form input {
    width: 100%;
    font-size: 0.28rem;
    line-height: 0.8rem;
    border-radius: 2rem;
    padding: 0 1rem 0 0.32rem;
    background: rgba(244, 245, 250, 1);
    box-sizing: border-box;
}
header form img {
    width: 0.36rem;
    height: 0.36rem;
    position: absolute;
    top: 50%;
    right: 0.64rem;
    transform: translateY(-50%);
}

.main {
    padding: 0 0.32rem;
}
.main .title {
    padding: 0.24rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.3rem;
}
.main .title p {
    font-size: 0.26rem;
    color: rgba(29,60,67,0.5);
}
.main .title p span {
    color: rgba(29,60,67,0.8);
}
.main > .item {
    background-image: url("../images/item-bg.png");
}
.main .item {
    width: 100%;
    height: 2rem;
    margin-bottom: 0.32rem;
    box-shadow: 0rem 0.2rem 0.32rem 0rem rgba(0,0,0,0.1);
    border-radius: 0.16rem;
    overflow: hidden;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.32rem;
    color: #ffffff;
}
.main .item .right {
    display: flex;
    align-items: self-start;
}
.main .item .right>img {
    width: 0.32rem;
    height: 0.32rem;
    margin-top: 0.16rem;
    margin-right: 0.2rem;
}
.main .item .right h4 {
    font-size: 0.44rem;
}
.main .item .right p {
    font-size: 0.28rem;
    color: rgba(255, 255, 255, 0.9);
}
.main .item .link {
    border: 0.02rem solid rgba(255, 255, 255, 1);
    border-radius: 2rem;
    padding: 0.04rem 0.2rem;
}

.main .list .item:nth-child(4n+1) {
    background-image: url("../images/itembg-1.png");
}
.main .list .item:nth-child(4n+2) {
    background-image: url("../images/itembg-2.png");
}
.main .list .item:nth-child(4n+3) {
    background-image: url("../images/itembg-3.png");
}
.main .list .item:nth-child(4n+4) {
    background-image: url("../images/itembg-4.png");
}












